﻿@model BrnMall.Web.Mobile.Models.CategoryListModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>分类列表-@{@WorkContext.MallConfig.SiteTitle}触屏版</title>
    @Html.Raw(WorkContext.MallConfig.SEOKeyword)
    @Html.Raw(WorkContext.MallConfig.SEODescription)
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="@{@WorkContext.CSSCDN}/mobile/css/base.css" rel="stylesheet" type="text/css">
    <link href="@{@WorkContext.CSSCDN}/mobile/css/list.css" rel="stylesheet" type="text/css">
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/common.js" type="text/javascript"></script>
</head>

<body>
<header>
  <div class="new-header">
    <a href="javascript:pageBack()" class="new-a-back"><span>返回</span></a>
    <h2>分类列表</h2>
    <a href="javascript:navSH()" class="new-a-brn"><span>BRN键</span></a> 
  </div>
  <div class="new-brn-tab" id="nav" style=" display:none;">
    <div class="new-tbl-type"> 
    <a href="@Url.Action("index", "home")" class="new-tbl-cell"><span class="icon">首页</span><p style="color:#6e6e6e;">首页</p></a> 
    <a href="@Url.Action("list", "category")" class="new-tbl-cell"><span class="icon2 on">分类搜索</span><p style="color:#6e6e6e;" class="on">分类搜索</p></a> 
    <a href="@Url.Action("index", "cart")" class="new-tbl-cell"><span class="icon3">购物车</span><p style="color:#6e6e6e;">购物车</p></a> 
    <a href="@Url.Action("index", "ucenter")" class="new-tbl-cell"><span class="icon4 on">个人中心</span><p style="color:#6e6e6e;" class="on">个人中心</p></a> 
    </div>
  </div>
</header>


@if (Model.CategoryInfo == null)
{
<div class="searchBox">
	<div class="newSearch">
        <input type="text" id="keyword" name="keyword" class="new-srch-input" value="" style="color:#999999;"><a href="javascript:document.getElementById('keyword').value=''" target="_self" class="new-s-close"></a><a href="javascript:mallSearch(document.getElementById('keyword').value);" target="_self" class="new-s-srch"><span></span></a>
    </div>
</div>
<div class="new-category">
    <ul class="new-category-lst">
    @foreach (CategoryInfo info in Model.CategoryList)
    {
        if (info.Layer == 1)
        {
            <li class="parentLi">
                <a href="javascript:void(0)" class="new-category-a new-on"><span class="icon"></span>@info.Name</a>
                <ul class="son">
                    @{
                        List<CategoryInfo> itemList = Categories.GetChildCategoryList(info.CateId, 1, Model.CategoryList);
                        for (int i = 0; i < itemList.Count; i = i + 3)
                        {
                            <li class="sonLi">
                            <a href="@Url.Action("list", "category", new RouteValueDictionary { { "cateId", itemList[i].CateId } })" class="new-category2-a"><span class="new-bar"></span>@itemList[i].Name</a>
                            @if((i+1) < itemList.Count)
                            {
                            <a href="@Url.Action("list", "category", new RouteValueDictionary { { "cateId", itemList[i+1].CateId } })" class="new-category2-a"><span class="new-bar"></span>@itemList[i+1].Name</a>
                            }
                            else
                            {
                            <a href="javascript:void(0)" class="new-category2-a"><span class="new-bar"></span></a>
                            }
                            @if((i+2) < itemList.Count)
                            {
                            <a href="@Url.Action("list", "category", new RouteValueDictionary { { "cateId", itemList[i+2].CateId } })" class="new-category2-a"><span class="new-bar"></span>@itemList[i+2].Name</a>
                            }
                            else
                            {
                            <a href="javascript:void(0)" class="new-category2-a"><span class="new-bar"></span></a>
                            }
                             </li>
                        }
                    }
                </ul>
            </li>
        }
    }
    </ul>
</div>
}
else
{
<div class="list p-sort radius">
  <ul>
    @foreach (CategoryInfo info in Model.CategoryList)
    {
    <a href="@Url.Action("category", "catalog", new RouteValueDictionary { { "cateId", info.CateId } })"><li><strong class="name1">@info.Name</strong><span class="menu-botton-arrow"></span></li></a>
    }
  </ul>
</div>
}

<div class="viewport">
  <footer>
    <div class="footerTop">
      @if (WorkContext.Uid < 1)
      {
      <div class="left"><a href="@Url.Action("login", "account", new RouteValueDictionary { { "returnUrl", WorkContext.Url } })">登录</a> | <a href="@Url.Action("register", "account")">注册</a></div>
      }
      else
      {
        <div class="left"><a href="@Url.Action("index", "ucenter")">@WorkContext.NickName</a> | <a href="@Url.Action("logout", "account")">退出</a></div>   
      }
      <div class="right"><a href="#top">回到顶部 </a></div>
      <div class="clear"></div>
    </div>
    <div class="footerCon"><a href="@Url.Action("index", "home")" class="hot">触屏版</a><a href="/">电脑版</a></div>
    <div class="copyright" align="center">www.brnmall.com </div>
  </footer>
</div>
@Html.Raw(WorkContext.MallConfig.Script)
</body>
</html>
